<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" />
    <title>我点的菜--列表</title>
    <link href="__CSS_USER_PATH__/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="__JS_PATH__/jquery-1.8.3-all.js"></script>
    <script type="text/javascript" src="__JS_PATH__/alert/jquery.alerts.js"></script>
    <script type="text/javascript" src="__JS_PATH__/alert/jquery.ui.draggable.js"></script>
    <link href="__JS_PATH__/alert/jquery.alerts.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        $(function(){
            $('#checkOut').click(function(){
                $.post(
                        'index.php?g=User&m=Index&a=checkOut',
                        {
                            'test':'test'
                        },
                        function(data){
                            if(data==1){
                                jConfirm('确认要结账么？', 'wifi管家提示您', function(r) {
                                    if(r){
                                        $.post(
                                                'index.php?g=User&m=Index&a=checkOut',
                                                {},
                                                function(d){
                                                    if(d==1){
                                                        jAlert('请等待管理员，前来结账', 'wifi管家提示您');
                                                    }else{
                                                        jAlert('结账失败，请联系服务人员', 'wifi管家提示您');
                                                    }
                                                }
                                        )
                                    }
                                });

                            }else if(data==3){
                                jAlert('您还没有下订单，请先下订单', 'wifi管家提示您');
                            }else if(data==4){
                                jAlert('您还没有点菜，请点菜', 'wifi管家提示您');
                            }else if(data==6){
                                jAlert('您已经点击了结账', 'wifi管家提示您');
                            } else if(data==7){
                                jAlert('请等待管理员处理菜单', 'wifi管家提示您');
                            }

                        }
                )

            });

        });
    </script>

    <style type="text/css">
        <!--
        * {
            margin:0;
            padding:0;
        }
        body {line-height: 1;}
        ol, ul {list-style: none;}
        img { border:none;}
        a{ text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
        #ly_top {
            width:100%;
            margin:20px auto 0;
            text-align:center;
        }
        #ly_top img {
            width:30%;
        }
        #ly_list {
            width:90%;
            border:1px solid #ccc;
            margin:10px auto;
            padding:20px 0;
        }
        #ly_list ul {
            width:95%;
            overflow:hidden;
            margin:0 auto;
            border-bottom:1px dotted #ccc;
        }
        #ly_list ul li {
            float:left;
            text-align:center;
            padding:10px 0;
            line-height:35px;
        }
        #ly_list ul li a img {
            vertical-align:middle;
        }
        .ly_xh {
            width:8%;
        }
        .ly_cm {
            width:30%;
        }
        .ly_dj {
            width:8%;
            color:#FF7200;
        }
        .ly_zl {
            width:8%;
        }
        .ly_fs {
            width:16%;
        }
        .ly_fs a img {
            width:20%;
            margin:0 5px;
        }
        .ly_bz {
            width:20%;
        }
        .ly_cz {
            width:10%;
        }
        .ly_cz a img {
            width:100%;
        }
        #ly_list .list_top {
            border-bottom:1px solid #ccc;
        }
        .list_top li {
            font-size:130%;
            font-weight:bold;
            line-height:35px;
        }
        #ly_bottom {
            width:90%;
            border-bottom:1px solid #ccc;
            line-height:35px;
            color:#FFA400;
            margin:0 auto 20px;
            font-size:120%;
            font-family:"微软雅黑";
            font-weight:bold;
        }

        #ljxd {
            width:20%;
            margin:0 auto 20px;
        }
        #ljxd a {
            display:block;
            width:100%;
            height:35px;
            line-height:35px;
            background-color:#FF7E00;
            text-align:center;
            color:#fff;
            font-size:120%;
        }

        -->
    </style>
</head>

<body>
<div id="pad_left">
    <div class="left_bg"><img src="__IMG_USER_PATH__/left_bg.png" /></div>
    <div class="ly_logo"><img src="{$Img.logo}" /></div>
    <div class="left_nav">
        <ul>
            <li><a target='_self' href="{:U(GROUP_NAME.'/Index/myMuenList')}" ><img src="__IMG_USER_PATH__/tb1.png" />我的菜单（<if condition="!isset($num)"><span id="menuNum">0</span></if><span id="menuNum">{$num}</span>份）</a></li>
            <li><a target='_self' href="{:U(GROUP_NAME.'/Index/newGreens')}" ><img src="__IMG_USER_PATH__/tb2.png" />新加菜品（10份）</a></li>
            <li><a  id="checkOut" ><img  src="__IMG_USER_PATH__/tb3.png" />结账</a></li>
        </ul>
    </div>
</div>
<div id="pad_right">
    <div id=con>

        <ul id=tags>
            <volist name='list' id='m'>
                <if condition='$i eq 1'>
                    <li class=selectTag><a onClick="selectTag('tagContent{$i-1}',this)" target='_self' href="{:U(GROUP_NAME.'/Index/menuList',array('menuid'=>$m['id']))}">{$m.name}</a></li>
                    <else />
                    <li><a onClick="selectTag('tagContent{$i-1}',this)" target='_self' href="{:U(GROUP_NAME.'/Index/menuList',array('menuid'=>$m['id']))}">{$m.name}</a></li>
                </if>
            </volist>
        </ul>
        <div id=tagContent>
            <div class="tagContent selectTag" >
                <div id="ly_top"><img src="__IMG_USER_PATH__/tpic.png" /></div>
                <h1>您还没有订餐，请您先订餐《 <a href="index.php?g=User&m=Index&a=menuList&menuid=1" target="_parent">点击点餐</a>》</h1>
            </div>
        </div>

    </div>

</DIV>
</div>

<SCRIPT type=text/javascript>
    function selectTag(showContent,selfObj){
        // 操作标签
        var tag = document.getElementById("tags").getElementsByTagName("li");
        var taglength = tag.length;
        for(i=0; i<taglength; i++){
            tag[i].className = "";
        }
        selfObj.parentNode.className = "selectTag";
        // 操作内容
    }

</SCRIPT>
</div>
<div id="ly_foot">
    <ul>
        <li><a href="{:U(GROUP_NAME.'/Index/menu')}" target="_self"><img src="__IMG_USER_PATH__/tb4.png" />菜单</a></li>
        <li><a href="{:U(GROUP_NAME.'/Index/hotMenu')}" target='_self'><img src="__IMG_USER_PATH__/tb5.png" />热门</a></li>
        <li><a href="{:U(GROUP_NAME.'/Index/tuijian')}" target='_self'><img src="__IMG_USER_PATH__/tb6.png" />推荐</a></li>
        <li><a href="{:U(GROUP_NAME.'/Index/myMuenList')}" target='_self' ><img src="__IMG_USER_PATH__/tb7.png" />已点</a></li>
        <li><a href="javascript:history.go(-1);"><img id='black' src="__IMG_USER_PATH__/tb8.png" />返回</a></li>
    </ul>
</div>
</body>
</html>
